input::-webkit-input-placeholder {
  color: #bdbdbd;
}

.page-login {
  background: #fff;
  height: 100%;
  box-sizing: border-box;
  padding: 127px 0 0;
  display: -webkit-flex;
  flex-direction: column;

  .l-box {
    flex: 1;

    .logo {
      width: 117px;
      height: 119px;
      background: url('./imgs/i-logo.png') 0 0 no-repeat;
      background-size: 117px 119px;
      margin: 0 auto 50px;
      font-size: 0;
      line-height: 0;
    }

    .form {
      display: -webkit-flex;
      flex-direction: column;
      align-items: center;
    }
    .form-inner {
      width: 530px;
      margin: 0 auto;
    }

    .title {
      height: 40px;
      line-height: 40px;
      font-size: 28px;
      color: #313131;
      text-align: center;
      margin-bottom: 40px;
    }

    .input {
      height: 96px;
      box-sizing: border-box;
      padding-top: 20px;
      display: -webkit-flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1Px solid #dddddd;
    }
    .control, .verify {
      flex: 1;
      font-size: 28px;

    }
    .verify {
      text-align: center;
      border-left: 1Px solid #ddd;
    }

    .control input {
      display: block;
      width: 100%;
      height: 100%;
      border: none;
      font-size: 28px;
      padding: 10px 10px 10px 0;
      color: #313131;
      outline: none;
    }
    .btn {
      width: 550px;
      height: 80px;
      background: url('./imgs/i-btn.png') 0 0 no-repeat;
      background-size: 550px 80px;
      color: #fff;
      margin: 40px auto;
      font-size: 34px;
      border: none;
      padding: 0;
      border-radius: 40px;
    }

    .verify {
      color: #3d97f2;
    }

  }

  .footer {
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    text-align: center;
    color: #858585;
    a{
      color: #1296db;
    }
  }
}